<!-- 地图弹窗组件 -->
<template>
    <div class="my-map-popup-component">
        <slot v-bind="infos">
            {{ infos }}
        </slot>
    </div>
</template>

<script setup lang="ts">

const { infos } = defineProps({
    infos: {
        type: Object,
        default: () => ({})
    }
})

</script>


<style lang="less" scoped>
.my-map-popup-component {
    // width: 800px;
    // height: 50px;
    min-height: 50px;
    min-width: 100px;
    background-color: rgb(13, 13, 14);
    max-height: 300px;
    overflow: auto;
    border: 1px solid #228883;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    // filter: blur(5px);
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
</style>